@import "~common/styles/scss/variable.scss";

.pop-title {
  background-color: #02a89a;
  color: #fff;
  font-size: $font-size-medium-x;
}

.pop-dialog {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 998;
  background-color: $color-theme;
  font-size: $font-size-medium-x;
}

//.dialog-fade-enter-active {
//  animation: dialog-fadein 0.3s
//}
//
//@keyframes dialog-fadein {
//  0% {
//    opacity: 0
//  }
//  100% {
//    opacity: 1
//  }
//}
.dialog-fade-enter-active, .dialog-fade-leave-active {
  transition: all 0.3s;
}

.dialog-fade-enter, .dialog-fade-leave-to {
  transform: translate3d(0, 100%, 0);
}
